<!DOCTYPE html>
<HTML lang="utf-8">
<HEAD>
    <meta charset="utf-8">
    <title>{% block title %} {{ blog.title }}{% endblock %}</title>        
    <!-- styles -->
    <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.css"  media="screen">
    <link rel="stylesheet" type="text/css" href="/static/css/weblog.css">
    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/static/ico/favicon.ico">        
    {% block head_block %}{% endblock %}  
</head>
<body>
    <div class="container">
        <div class="masthead">
            <div class="navbar navbar-inverse">
              <div class="navbar-inner">
                <a class="brand" href="/"><i class="icon-home"></i>WEBlog</a>
                <form class="navbar-search pull-right"  action="https://www.google.com/search"> 
                  <input type="text" class="search-query" placeholder="{{_("Search")}}" name="q">
                  <input type="hidden"  name="sitesearch" value="blog.zfdang.com">
                </form>                
                <ul class="nav pull-right">
                    <li class="active"><a href="/">{{ _("Home") }}</a></li>
                    {% for page in pages %}
                        <li><a href="/page/{{page.slug}}">{{ page.title }}</a></li>
                    {% endfor %}
                    <li class="divider-vertical"></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="Admin">{{ _("Admin") }}<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="/admin/posts">{{ _("Posts") }}</a></li>
                            <li><a href="/admin/comments">{{ _("Comments") }}</a></li>
                            <li><a href="/admin/categories">{{ _("Categories") }}</a></li>
                            <li><a href="/admin/links">{{ _("Links") }}</a></li>
                            <li><a href="/admin/pages">{{ _("Pages") }}</a></li>
                            <li class="divider"></li>
                            <li><a href="/admin/">{{ _("Admin") }}</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="langs">
                            <i class="icon-globe"></i>Lang<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            {% for lang in langs %}
                              <li><a href="/locale?value={{ lang.locale }}">{{ lang.description}}</a></li>
                            {% endfor %}
                        </ul>
                    </li>
                </ul>
              </div>
            </div><!-- navbar -->        
        </div><!-- masthead -->
        <div class="row">
            <div class="span10">
{% block blog_entries %} {% endblock %}
            </div> <!-- span10 -->
            <div class="span2">
                <ul class="nav nav-list pull-center">
                    <li class="nav-header">{{ _("Categories") }}</li>
                    {% for category in categories %}
                        <li><A href="/cate/{{ category.slug }}">{{ category.name }} ({{ category.entrycount }})</a></li>
                    {% endfor %}
                </ul>
                <br/>
                <ul class="nav nav-list pull-center">
                    <li class="nav-header">{{ _("Links") }}</li>
                    {% for link in links %}
                        <li><A href="{{ link.target }}" target="_blank">{{ link.title }} </a></li>
                    {% endfor %}
                </ul>
            </div> 
        </div> <!-- row -->
        <div id="footer">
            <div class="container pull-left span11">
                <p class="muted credit">&copy; zfdang 2012. {{ _("Powered by") }}<a href="https://code.google.com/p/another-gae-blog">WEBlog</a>.</p>
              </div>
              <div class="pull-right span1"><a href="#top" title="Top">TOP</a></div>
        </div>
    </DIV> <!-- container -->
    <!-- loading js script at the end -->
    <script type="text/javascript" src="/static/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="/static/bootstrap/js/bootstrap.js"></script>
    <!-- load other js codes -->
</body>
</HTML>
